<template>
  <div v-if="isWechat" class="wechat-mask">
    <img class="wechat-operator" src="https://img.alicdn.com/tfs/TB1saZvI3DqK1RjSZSyXXaxEVXa-445-156.png" alt="operator">
  </div>
</template>

<style lang="less" scoped>
  .wechat-mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .625);
    z-index: 100;
    text-align: right;
    padding: 20px 40px;
  }

  .wechat-operator {
    width: 80%;
  }
</style>

<script>
import browser from '../../utils/browser';

export default {
  data() {
    return {
      isWechat: browser.isWechat,
    }
  }
}
</script>
